

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
<!--
body {
	background-image: url(images/fondomenu.gif);
	margin-top: 0px;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.Estilo1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
}
.Estilo3 {
	font-size: 11px;
	color: #330099;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.Estilo4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC0000;
	font-weight: bold;
}
-->
</style>
<script type="text/javascript">

function ocultamenu(){
  var menu = document.getElementById("usuarios");
  menu.style.display = "none";
}
function despliega(){
  var menu = document.getElementById("usuarios");
    if(menu.style.display == "none"){
      menu.style.display = "block";
    }
    else{
      menu.style.display = "none";
    }
}
</script>

</head>

<body onload="ocultamenu();">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="143" valign="top"><table width="129" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="129" height="25" background="images/fondo_boton_top.gif"><div align="center" class="Estilo1">
            <div align="center">Configuraci&oacute;n</div>
        </div></td>
      </tr>
      <tr>
        <td><img src="images/fondo_lineaboton.gif" width="129" height="3" /></td>
      </tr>
    </table>
      <table width="129" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td width="129" height="20" background="images/fondo_boton.gif"><div align="center" class="Estilo3">
              <div align="left" onclick="despliega();return false;">&nbsp;<a href="#">Usuarios</a></div>
          </div></td>
        </tr>
        <tr>
          <td><img src="images/fondo_lineaboton.gif" width="129" height="3" /></td>
        </tr>
      </table>
      <table width="129" border="0" cellpadding="0" cellspacing="0" background="images/fondo_boton2.gif" id="usuarios">
        <tr>
          <td height="16" valign="middle">&nbsp;&nbsp;<img src="images/bullet.gif" width="8" height="10" /><span class="Estilo4">&nbsp;<a href="cambio_clave.jsp" target="contenido">Cambiar Clave</a> </span></td>
        </tr>
        <tr>
          <td><img src="images/fondo_lineaboton2.gif" width="129" height="4" /></td>
        </tr>
      </table>
      <table width="129" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td width="129" height="16"><div align="center" class="Estilo3">
              <div align="left"><img src="images/fondo_boton_down.gif" width="129" height="16" /></div>
          </div></td>
        </tr>
    </table></td>
  </tr>
</table>
</body>
</html>
